<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="shortcut icon" href="#" />
    <link rel="stylesheet" type="text/css" href="{{pluResPath}}html/todayMaterial/todayMaterial.css"/>
    <link rel="preload" href="{{resPath}}/font/tttgbnumber.ttf" as="font">
  </head>
  <body>
    <style></style>
    <div class="container" id="container">
      <div class="main_box">
        <div class="base_info">
          <div class="id">
            <span>ID：{{uid}}</span>
          </div>
          <div class="day">
            <span>{{day}}</span>
          </div>
        </div>
        {{each mainList temp}} 
        {{ if temp.list.length>0}}
        <div class="ele_info">
          <div class="area">
            <img class="tab-item-icon" src="{{pluResPath}}img/other/{{temp.area}}.png" />
            <div class="tab-item-left"></div>
            <div class="tab-item-middle"></div>
            <div class="tab-item-text">{{temp.area}}</div>
            <div class="tab-item-right"></div>
          </div>
          <div class="ele_box">
            <div class="ele_name">{{temp.name}}</div>
            <div class="ele_img">
              <div class="img_item">
                <img src="{{pluResPath}}img/talent/{{temp.name}}_4.png" />
              </div>
              <div class="img_item">
                <img src="{{pluResPath}}img/talent/{{temp.name}}_3.png" />
              </div>
              <div class="img_item">
                <img src="{{pluResPath}}img/talent/{{temp.name}}_2.png" />
              </div>
            </div>
          </div>
          <div class="tab-line"></div>
        </div>
          {{ if temp.isTalent}}
          <div class="item_box">
            {{each temp.list val}}
            <div class="item">
              <div class="role_box">
                {{ if val.actived_constellation_num>0}}
                <span class="life life{{val.actived_constellation_num}}"> {{val.actived_constellation_num}}命</span>
                {{/if}}
                <div class="bg{{val.rarity}}"></div>
                <img class="role_img" src="{{pluResPath}}img/role/{{val.name}}.png" onerror="whenError(this)" />
                <div class="desc">Lv.{{val.level}}</div>
                <!-- <div class="role_name">{{val.name}}</div> -->
              </div>
              {{ if skill[val.id] && skill[val.id].a }}
              <div class="talent">
                  <span class="talent-item">{{skill[val.id].a.level_current}}</span>
                  <span class="talent-item">{{skill[val.id].e.level_current}}</span>
                  <span class="talent-item">{{skill[val.id].q.level_current}}</span>
                </div>
              {{/if}}
            </div>
            {{/each}}
          </div>
          {{/if}}
          {{ if !temp.isTalent}}
          <div class="weapon_box">
            {{each temp.list val}}
            <div class="weapon_item">
              <span class="weapon_user">
                <img class="user_img" src="{{pluResPath}}img/side/{{val.role_name}}.png"/>
              </span>
              <div class="weapon_role_box">
                {{ if val.affix_level>1}}
                <span class="life life{{val.affix_level}}">
                    {{val.affix_level}}
                </span>
                {{/if}}
                <div class="weapon_bg{{val.rarity}}"></div>
                <img class="weapon_role_img" src="{{pluResPath}}img/weapon/{{val.name}}.png"/>
                <div class="desc_1">Lv.{{val.level}}</div>
                <img class="fill_img" src="{{pluResPath}}img/other/fill.png" />
              </div>
              <div class="role_name">{{val.showName}}</div>
            </div>
            {{/each}}
          </div>
          {{/if}}
        {{/if}}
        {{/each}}
      </div>
      <div class="explain">*根据你所拥有的角色查询今天可升天赋角色<br>*仅显现已装备的武器</div>
    </div>
  </body>
  <script type="text/javascript">
    function whenError(a) {
      // a.onerror = null;
      // a.src = "{{_res_path}}/genshin/logo/role/荧.png";
    }
  </script>
</html>
